﻿<html>
  <head>
    <meta name="generator" content="h-smile:richtext"/>
  </head>
<body>
  <h1>behavior:button</h1>
  <p>标准按钮行为。它可以应用到任何DOM元素上，并使该元素可聚焦和可点击(clickable，即可以接收到BUTTON_CLICK事件)。</p>
  <h2>元素</h2>
  <p>默认情况下，应用了behavior:button行为的元素有:</p>
  <ul>
    <li><code>&lt;button&gt;&lt;/button&gt;</code></li>
    <li><code>&lt;input type=button&gt;</code></li>
    <li><code>&lt;input type=reset&gt;</code></li>
    <li><code>&lt;input type=submit&gt;</code></li></ul>
  <h2>示例</h2>
  <div>
  <input type=button value="button1" />
  </div>
  <h2>属性</h2>
  <p>该行为需要知道的属性:</p>
  <ul>
    <li><code>value=&quot;string&quot;</code> - 按钮的标题，即&lt;input type=button&gt;按钮上应该出现的文字。</li>
    <li><code>name=&quot;name&quot;</code> - 标准的<em>name</em>属性 - from表单上一个input元素的名称。</li></ul>
  <h2>事件</h2>
  <p>除了标准事件集(鼠标、按键、聚焦)外，behavior:button行为还生成:</p>
  <ul>
    <li>BUTTON_CLICK 事件, 当鼠标在按钮上按下/按起或当按钮聚焦时按下<code>空格</code>键时产生该事件。该事件为异步事件。</li>
    <li>BUTTON_PRESS 事件, 当鼠标在按钮上按下或当按钮聚焦时按下<code>空格</code>键时产生该事件。该事件为异步事件。</li></ul>
  <h2>方法</h2>
  <p>N/A - behavior:button没有引入任何特有的方法。</p>
  <h2><code>value</code></h2>
  <p>true/false - 只读, 反映按钮是否按下的状态值。</p>
  <h2>脚本中的按钮点击事件处理</h2>
  <h3><code>onClick</code>事件</h3>
  <pre>var btn = $(button#some);
btn.onClick = function() { ... 事件处理代码 ... }
</pre>
  <h3><code>on()</code>订阅</h3>
  <pre>var btn = $(button#some);
btn.on(&quot;click&quot;, function() { ... 事件处理代码 ... });
self.on(&quot;click&quot;, &quot;button#some&quot;, function() { ... 事件处理代码 ... });
</pre>
  <h3>decorators.tis 装饰器</h3>
  <pre>include &quot;decorators.tis&quot;;
@click @on &quot;button#some&quot; :: ... 事件处理代码 ...;
</pre>
</body>
</html>